<template>
  <div class="line-list f-sb-fs">
    <router-link to="/goodsDetail/1" class="f-c-c"
      ><el-image :src="imgSrc" fit="cover"></el-image
    ></router-link>
    <div id="info">
      <div id="head">
        <router-link to="/goodsDetail/1">这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题</router-link>
      </div>
      <div id="body" class="f-sb-c">
        <router-link to="/goodsDetail/1">共<b>1</b>评价</router-link>
        <span>好评率<b>100%</b></span>
        <span>月销量<b>10</b></span>
      </div>
      <div id="foot">
        <b>￥1232.00</b>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "lineList",
  components: {},
  data() {
    return {
      imgSrc: require("@/public/img/defaultGoods.png"),
    };
  },
};
</script>
<style lang="scss" scoped>
.line-list {
  padding: 5px 0;
  border-bottom: 1px solid $border-color-extra-light;
}
.el-image {
  width: 90px;
  height: 90px;
  margin-right: 8px;
}
#info{
    flex-grow: 1;
}
#head {
  @include text-ellipsis;
  line-height: 20px;
  height: 40px;
  a {
    font-weight: bold;
  }
}
#body {
  font-size: 12px;
  padding: 5px 0;
  color: $color-text-secondary;
  b {
    color: $theme-color;
  }
}
#foot {
    b{
        color: $rmb-color;
    }
}
</style>